.aboutBox
    {
        width: 1170px;
        height: fit-content;
        margin: 78px 150px auto 120px;
    }

.primaryaboutHeading
    {
        width: fit-content;
        margin: 280px auto auto -5px;
        font-size: 36px;
        font-weight: 600;
    }

.aboutBox::before,
.aboutBox::after
    {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 1px;
        background: linear-gradient(to bottom, white, black);
    }
.aboutBox::before 
    {
        left: 120px;
    }

        .aboutBox::after 
        {
            right: 150px;
        }

p
    {
        font-family: "Inter",'Trebuchet MS', sans-serif;
        width: 51.528vmax;
        margin-bottom: 0;
        line-height: 1.52778vmax;
        font-size: 1.25vmax;
        color:#C8C8C8;
        font-weight: 500;
    }    

#section
    {
        display: grid;
        /*position: relative;*/
        height: fit-content;
        width: fit-content;
        margin: 0 auto 0 0.347222vmax;
    }    

/* .flex-container >div
{
    width: 100px;
    margin: 10px;

} */

.pictureFrame
{
    width: 29.375vmax;
    display: grid;
    margin: 0 -1.73611vmax auto auto;
    grid-area: 1 / 2 / 3 / 2;
}

.container1
{
    display: grid;
    /* grid-template-areas: "section pictureFrame"
                         "section pictureFrame";*/
    grid-template-columns: auto auto;
    gap: 25px;
}

/* .container1 >div.section
{
    grid-area: section;
}

.container1 > div.pictureFrame
{
    grid-area: pictureFrame ;
} */

.aboutHeading
{
    position: unset;
    width: fit-content;
    margin-bottom: 1.73611vmax;
    font-size: 1.944445vmax;
    font-weight: 600;
    line-height: 2.36111vmax;
    font-family: "Inter",'Trebuchet MS', sans-serif;
}